﻿@{
    ViewBag.Title = "常见问题";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@model List<UcAsp.Models.Articles> 
@section metas{
    <style>
        .course_content {
            font-size:24px;
            text-align:center;
            line-height:35px;
        }
        .course_answer_ask
        {
            background-color:#a2d312;
            font-size:25px;
            float:left;
            margin:10px;
            padding:5px;
            padding-left:30px;
            padding-right:30px;
            margin-left:30px;
        }
        .course_answer
        {
            padding-left:30px;
            text-align:center;
        }
        .course_cate
        {
            font-size:20px;
            color:#333333;
            margin-top:10px;
            padding-left:10px;
            float:left;
        }
        .course_cate span
        {
            font-size:14px;
            color:#cdcdcd;
        }
        .art_course
        {
            float:left;
            width:438px;
            height:232px;                  
            margin:20px;
            
        }
        .coursecategories_title_show
        {
            padding-top:20px;
            width:946px;
            font-size:20px;
            padding-left:20px;
            color:#333333;
        }
        .Coruse_click
        {
            display:block;
            width:170px;
            height:62px;
            background-image: url(/content/image/chakan_a.jpg)
        }
 .Coruse_click a {
     background-image: url(/content/image/chakan_a.jpg);
           
     display:block;
            width:170px;
            height:62px;

 }
        .answer_show
        {
            line-height:25px;
        }
            .answer_show li
            {
                margin-top:10px;
                 margin-bottom:10px;
                 line-height:28px;
            
            }
.Coruse_click a:hover {background-image: url(/content/image/chakan_hover.jpg);}

       #facebox .b {
  background:url(/Content/resources/images/b.png);
}

#facebox .tl {
  background:url(/Content/resources/images/tl.png);
}

#facebox .tr {
  background:url(/Content/resources/images/tr.png);
}

#facebox .bl {
  background:url(/Content/resources/images/bl.png);
}

#facebox .br {
  background:url(/Content/resources/images/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox ._footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}
      .content a
      {
          color:#cccccc;
      }
.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

    .ucaspfacebox
    {
        width:500px;
    }

    </style>
    }
<div class="college_silde" style="height:275px;">
      <!---幻灯片--->
          <div id="focus">
			    @(new HtmlString(@UcAsp.WorkFrame.AdvPositions.GetAdvPositions("AD3").AdvHtml));
		    </div>
            <div id="ico"></div>
</div>
<div class="course_content">
    <font color="#a2d312">悠点</font>为每个学员提供优质的单位推荐和非商业教学！ <br />
    <font color="#a2d312">在悠点每个人都有机会成为时尚教主！</font>
</div>
<div class="course_answer">
    <div class="course_answer_ask" data-id="133"><a href="#">.什么专业适合我</a></div>
    <div class="course_answer_ask" data-id="134"><a href="#">.毕业后适合那些工作</a></div>
    <div class="course_answer_ask" data-id="135"><a href="#">.悠点的优势是什么</a></div>
    <div class="clear"></div>
</div>
<div class="answer_show">
    <ul>
        @foreach(UcAsp.Models.Articles c in Model)
        {
        <li>
            <b>问：@c.Title</b><br />
            <b style="color:#f00">悠点回复</b>： @(new HtmlString(c.ArticleContent))
           <div class="poitline"></div>
        </li>
        }
    </ul>
    

</div>

<script type="text/javascript" src="/content/resources/scripts/facebox.js"></script>

   <script>
     

   $(function () {
      
       $(".course_answer_ask").click(function () {
           var id = $(this).attr("data-id")
           $.get("/Answer/AnswerMessage/" + id, function (data) {
               $.facebox(data);
           })
       })
           
       
   })
  
   </script>